<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>一帆海购网——IBM-ETP</title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />		
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/indexswiper.css" />
		<script src="js/device.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/search.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="container">
			<!--设置整个页面居中，需要设定margin并且需要设定width宽度-->
			<!--应用网页模板-->
			<% include template/header.html %>
			<script src="/js/top_nav.js" type="text/javascript" charset="utf-8"></script>
			<!--导航-->

			<div id="content">
				<!--<div id="banner">-->
				<!--swiper轮播广告-->
				<!--滚动图片-->
				<section class="banner">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide swiper-slide-center none-effect">
								<a href="#"><img src="img/index/top_hero_conc_2017.jpg"></a>
							</div>
							<div class="swiper-slide">
								<a href="#"><img src="img/index/top_hero_cs_2017.jpg"></a>
							</div>
							<div class="swiper-slide">
								<a href="#"><img src="img/index/top_hero_cw_im17.jpg"></a>
							</div>
							<div class="swiper-slide">
								<a href="#"><img src="img/index/top_hero_hakko.jpg"></a>
							</div>
							<div class="swiper-slide">
								<a href="#"><img src="img/index/top_hero_karadacalpis_im02.jpg"></a>
							</div>
						</div>
					</div>
					<div class="swiper-pagination"></div>
					<div class="button">
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>
					</div>
				</section>
				<!-- Swiper JS -->
				<script src="js/swiper.min.js"></script>

				<!-- Initialize Swiper -->
				<script>
					window.onload = function() {
						var swiper = new Swiper('.swiper-container', {
							autoplay: 3000,
							speed: 1000,
							autoplayDisableOnInteraction: false,
							loop: true,
							centeredSlides: true,
							slidesPerView: 2,
							pagination: '.swiper-pagination',
							paginationClickable: true,
							prevButton: '.swiper-button-prev',
							nextButton: '.swiper-button-next',
							onInit: function(swiper) {
								swiper.slides[2].className = "swiper-slide swiper-slide-active"; //第一次打开不要动画
							},
							breakpoints: {
								668: {
									slidesPerView: 1,
								}
							}
						});
					}
				</script>
				<!--swiper轮播广告结束-->
				<!--</div>-->
				<!-- 广告 -->
				<div id="middle_ad">
					<a href="#"><img src="img/xuanchuan.png" /></a>
				</div>
				<div id="adbars" class="clearfix">
					<div class="ct ct1">
						<a href="#"><img src="img/ct1.png" /></a>
					</div>
					<div class="ct ct2">
						<a href="#"><img src="img/ct2.png" /></a>
					</div>
					<div class="ct ct3">
						<a href="#"><img src="img/ct3.png" /></a>
					</div>
				</div>

				<div id="floors-list" class="wrap">
					<!--产品列表-->
					<!--新品速递-->
					<div id="xpsd" class="floor">
						<div class="hd clearfix">
							<h3>新品速递</h3>
							<div class="f-nav">
								<ul>
									<li class="red">
										<a href="#">查看更多</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="bd clearfix">
							<div class="scrolllist">
								<div class="qfgoods">

									<ul id="xpgoodslist">
										<!--我们用无序列表来做-->
										<%for(i=0;i<newgoodsTop5.length;i++){%>
											<%
												var paddingcss='';
												if(i!=0){
													paddingcss='margin-left: 20px;'
												}
												
											%>
										<li class="item" style="<%=paddingcss%>">
											<div class="goodpic">
												<!--单项图片-->
												<img src='<%=newgoodsTop5[i].product_img%>' width="200" height="200" />
											</div>
											<div class="info">
												<!--单项信息-->
												<h6><a target="_blank " href="/product/<%=newgoodsTop5[i].product_Id%>" title='<%=newgoodsTop5[i].product_name%>' target="_blank">
													<%=newgoodsTop5[i].product_name%>
												</a></h6>
												<p class="pp2 ">
													<span class="price1 ">￥<%=newgoodsTop5[i].new_price%></span>
													<span class="mktprice1 ">￥<%=newgoodsTop5[i].old_price%></span>
													<a href="# "><img class="shoucang " src="css/i/add_favoritet01.png " /></a>
												</p>
											</div>
										</li>
										<%}%>		
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!--精彩汇集-->
					<div id="jchj">
						<div class="hd clearfix">
							<h3>智能家居</h3>
							<div class="f-nav">
								<ul>
									<li class="red">
										<a href="/gallery/37/pager/1">查看更多</a>
									</li>
								</ul>
							</div>
						</div>
						<div id="bd" class="clearfix">
							<div class="bigpic">
								<img src="img/ad/jifenad.png " />
							</div>
							<div class="smallpic1">
								<!--四张广告图片-->
								<div id="line1">
									<%for(i=0;i<jinghualist.length;i++){%>
									<div class="pt1">
										<a href="#">
											<strong><%=jinghualist[i].product_name%> </strong>
											<em>爱生活</em>
											<img src="<%=jinghualist[i].product_img%>" />
										</a>
									</div>
									<%}%>									
								</div>
								<div id="line2">
									<%for(i=0;i<xiyijilist.length;i++){%>
									<div class="pt1">
										<a href="#">
											<strong><%=jinghualist[i].product_name%></strong>
											<em>爱生活</em>
											<img src="<%=jinghualist[i].product_img%>" />
										</a>
									</div>									
									<%}%>
								</div>
							</div>
							<div class="bigpic">
								<img src="img/ad/legaoad.png" />
							</div>
							<div class="smallpic">
								<div class="pt2">
									<a href="#">
										<strong>别人刷卡你刷脸 </strong>
										<em>变美就靠这张膜</em>
										<img src="img/ad/ad02.png" />
									</a>
								</div>
								<div class="pt2">
									<a href="#">
										<strong>别人刷卡你刷脸 </strong>
										<em>变美就靠这张膜</em>
										<img src="img/ad/ad02.png" />
									</a>
								</div>
							</div>
						</div>
					</div>
					<!--品牌热卖-->
					<div id="pprm">
						<div class="hd">
							<h3>品牌热卖</h3>
							<div class="f-nav">
								<ul>
									<li class="red">
										<a href="# ">查看更多</a>
									</li>
								</ul>
							</div>
						</div>
						<div id="brandLogoList" class="clearfix">
							<div class="adl">
								<a href="#"><img src="img/ad/ad_logo.png" /></a>
							</div>
							<div class="adl">
								<a href="#"><img src="img/ad/ad_logo.png" /></a>
							</div>
							<div class="adl">
								<a href="#"><img src="img/ad/ad_logo.png" /></a>
							</div>
							<div class="adl">
								<a href="#"><img src="img/ad/ad_logo.png" /></a>
							</div>
							<div class="adl">
								<a href="#"><img src="img/ad/ad_logo.png" /></a>
							</div>
							<div class="adl">
								<a href="#"><img src="img/ad/ad_logo.png" /></a>
							</div>
							<div class="adl">
								<a href="#"><img src="img/ad/ad_logo.png" /></a>
							</div>
							<div class="adl">
								<a href="#"><img src="img/ad/ad_logo.png" /></a>
							</div>
							<div class="adl">
								<a href="#"><img src="img/ad/ad_logo.png" /></a>
							</div>
							<div class="adl">
								<a href="#"><img src="img/ad/ad_logo.png" /></a>
							</div>
							<div class="adl">
								<a href="#"><img src="img/ad/ad_logo.png" /></a>
							</div>
							<div class="adl">
								<a href="#"><img src="img/ad/ad_logo.png" /></a>
							</div>
						</div>

						<div class="ad-f">
							<a href="#"><img src="img/ad/middletopic.png" width="1190" /></a>
						</div>

					</div>
					<!--乐高玩具-->
					<div id="lgwj">
						<div class="hd">
							<h3>女装热卖</h3>
							<div class="f-nav">
								<ul>
									<li class="red">
										<a href="/gallery/41/pager/1">查看更多</a>
									</li>
								</ul>
							</div>
						</div>

						<div class="bd clearfix">
							<div class="hightbox">
								<a href="#"><img src="/img/index/shishangnvhuzhuang.jpg" width="350px" /></a>
							</div>
							<div class="ind-adshow-box01">
								<%for(i=0;i<nvzhuanglist.length;i++){%>
								<div class="adshow1">
									<a href="#">
										<strong><%=nvzhuanglist[i].product_name%></strong>
										<em>激发宝宝大脑发育</em>
										<img src="<%=nvzhuanglist[i].product_img%>" />
									</a>
								</div>
								<%}%>								
							</div>
							<div class="ind-maingoods-box01">
								<div class="goods_hotsalegoodstitle">
									热卖商品
								</div>
								<div class="goods">
									<ul id="goodslist">
										<li class="goods_item clearfix">
											<div class="goodspic">
												<a href="#"><img width="80" height="80" src="img/ad/wanju01.png" /></a>
											</div>
											<div class="info">
												<div class="goodsname">
													<a target="_blank" href="/product-53624.html" title="【6月新品】乐高LEGO 益智玩具 星球大战系列 雷克斯上尉的AT-TE L75157 积木 玩具">【6月新品】乐高LEGO 益智玩具 星球大战系列 雷克斯上尉的AT-TE L751...</a>
												</div>
												<div class="goodsinfo">
													<p class="pp2">
														<span class="price1">
															￥1101.00
														</span>
														<span class="mktprice1">
															￥1254.00
														</span>
													</p>
												</div>
											</div>
										</li>
										<li class="goods_item clearfix">
											<div class="goodspic">
												<a href="#"><img width="80" height="80" src="img/ad/wanju01.png" /></a>
											</div>
											<div class="info">
												<div class="goodsname">
													<a target="_blank" href="/product-53624.html" title="【6月新品】乐高LEGO 益智玩具 星球大战系列 雷克斯上尉的AT-TE L75157 积木 玩具">【6月新品】乐高LEGO 益智玩具 星球大战系列 雷克斯上尉的AT-TE L751...</a>
												</div>
												<div class="goodsinfo">
													<p class="pp2">
														<span class="price1">
															￥1101.00
														</span>
														<span class="mktprice1">
															￥1254.00
														</span>
													</p>
												</div>
											</div>
										</li>
										<li class="goods_item clearfix">
											<div class="goodspic">
												<a href="#"><img width="80" height="80" src="img/ad/wanju01.png" /></a>
											</div>
											<div class="info">
												<div class="goodsname">
													<a target="_blank" href="/product-53624.html" title="【6月新品】乐高LEGO 益智玩具 星球大战系列 雷克斯上尉的AT-TE L75157 积木 玩具">【6月新品】乐高LEGO 益智玩具 星球大战系列 雷克斯上尉的AT-TE L751...</a>
												</div>
												<div class="goodsinfo">
													<p class="pp2">
														<span class="price1">
															￥1101.00
														</span>
														<span class="mktprice1">
															￥1254.00
														</span>
													</p>
												</div>
											</div>
										</li>
										<li class="goods_item clearfix">
											<div class="goodspic">
												<a href="#"><img width="80" height="80" src="img/ad/wanju01.png" /></a>
											</div>
											<div class="info">
												<div class="goodsname">
													<a target="_blank" href="/product-53624.html" title="【6月新品】乐高LEGO 益智玩具 星球大战系列 雷克斯上尉的AT-TE L75157 积木 玩具">【6月新品】乐高LEGO 益智玩具 星球大战系列 雷克斯上尉的AT-TE L751...</a>
												</div>
												<div class="goodsinfo">
													<p class="pp2">
														<span class="price1">
															￥1101.00
														</span>
														<span class="mktprice1">
															￥1254.00
														</span>
													</p>
												</div>
											</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--产品列表结束-->
			</div>
			<!--content结束-->
            <!--在线客服-->
            <div class="online_service_panel">
            	<a href="/service/service_online" target="_blank"><img src="/img/online_service/robot.jpg"/></a>
            	<a href="/service/service_online" target="_blank">在线客服</a>
            </div>
            <!--在线客服结束-->
			<!--footer开始-->
			<!--应用网页模板-->
			<% include template/footer.html %>
			<!--footer结束-->
		</div>
	</body>

</html>